<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: "App",
  metaInfo() {
    return {
      title:
        this.$store.state.settings.dynamicTitle &&
        this.$store.state.settings.title,
      titleTemplate: (title) => {
        return title
          ? `${title} - ${process.env.VUE_APP_TITLE}`
          : process.env.VUE_APP_TITLE;
      },
    };
  },
};
</script>
<style lang="scss">
/* 背景色 */
.bg {
  background: #fff;
  width: 1180px;
  padding-right: 120px;
}

.systemColor {
  color: #a52529;
}

.red {
  color: red !important;
  font-weight: bold !important;
}

.flex {
  display: flex;
}

.nactive {
  font-size: 14px;
  cursor: pointer;
}

.colw {
  width: calc(100% / 3);
  font-weight: bolder;
}

.flex {
  width: 300px;
  justify-content: space-between;
}

.title {
  font-size: 18px;
  text-align: left;
  color: #000;
}

.func {
  font-size: 18px;
  color: #a52529;
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
}

.active {
  color: rgb(165, 37, 41);
  font-weight: bolder;
  font-size: 14px;
}

// 删除
.buttonD {
  background-color: #fcaf3b !important;
  /* 自定义背景色 */
  border: 1px solid #fcaf3b !important;
  /* 自定义边框 */
  color: #fff !important;
  /* 自定义文字颜色 */
}

.buttonD:hover {
  background-color: #f5d5a4 !important;
  /* 自定义背景色 */
  border: 1px solid #f5d5a4 !important;
  /* 自定义边框 */
  color: #fff !important;
  /* 自定义文字颜色 */
}

.buttonT {
  background-color: #fff !important;
  /* 自定义背景色 */
  border: 1px solid #a52529 !important;
  /* 自定义边框 */
  color: #a52529 !important;
  /* 自定义文字颜色 */
}

.buttonT:hover {
  background-color: #eccece !important;
  /* 悬停背景色 */
  border-color: #a52529 !important;
  /* 悬停边框色 */
}

.border {
  border: 1px solid rgb(153 153 153 / 15%);
  padding: 10px;
  height: 100%;
  display: flex;
  // flex-direction: column;
  justify-content: center;
  align-items: center;

  .desc {
    margin-bottom: 10px;
  }
}

.col {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.item-center {
  align-items: center;
}
</style>
